<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*id需要全局保持唯一，相当于单独修改单个标签的属性
    格式是#id{}
    不遵循就近原则，id选择器>class选择器>标签选择器
    */
    #zcc{
      color: red;
    }
    .title1{
      color: blue;
    }
    h1{
      color: green;
    }
  </style>
</head>
<body>

<h1 class="title1" id="zcc">标题1</h1>
<h1 class="title1">标题2</h1>
<h1 class="title1">标题3</h1>
<h1>标题4</h1>
<h1>标题5</h1>
</body>
</html>